@charset "UTF-8";
*{margin:0;padding:0;border:0;box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
body {font-family:'Roboto Condensed','Microsoft JhengHei','PingFang SC';font-size:18px;margin:0px;padding:0px;color:#333;}
img {border:0px;}
ul,li {list-style:none;}
em,i {font-style:normal;}
a,a:link{text-decoration:none;color:#333;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
a:active,a:hover{outline:0;color:#E50112;text-decoration:none}
.clearfix:after,.clearfix:before {content:" ";display:table}
.clearfix:after {clear:both}
.clear {clear:both;}
.trans,.trans *{transition:all 0.5s ease}
img{max-width:100%}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input::-webkit-input-placeholder{font-size:inherit;}
.wb{white-space:normal;word-wrap:break-word;}
.al{text-align:left!important}
.ac{text-align:center!important}
.ar{text-align:right!important}
.aj{text-align:justify!important}
.fl{float:left}
.fr{float:right!important}
.rel{position:relative}
.abl{position:absolute}
.clear{clear:both}
.ovh{overflow:hidden}
.h100{height:100%;}
.upp{text-transform:uppercase}
.fb{font-weight:bold}
.ep1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ep2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.img-auto{display:inline-block;max-width:100%;height:auto}
.container{margin-left:auto;margin-right:auto;padding-left:16px !important;padding-right:16px !important}
.flex{display:flex;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex}.flex-inline{display:inline-flex}.flex-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-column .flex-reverse{flex-direction:column-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-center{justify-content:center}.flex-end{justify-content:flex-end}.flex-bet{justify-content:space-between}.flex-items{align-items:center}.grid{display:flex;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid-y{flex-direction:column;-webkit-flex-direction:column}.grid-small{padding:10px 0}.grid-small>.grid{margin:-10px}.grid-small>.grid>[class*='x'],.grid-small>.grid>[class*='y']{padding:10px}.grid-middle{padding:15px 0}.grid-middle>.grid{margin:-15px}.grid-middle>.grid>[class*='x'],.grid-middle>.grid>[class*='y']{padding:15px}.grid-big{padding:30px 0}.grid-big>.grid{margin:-30px}.grid-big>.grid>[class*='x'],.grid-big>.grid>[class*='y']{padding:30px}.grid-large{padding:35px 0}.grid-large>.grid{margin:35px}.grid-large>.grid>[class*='x'],.grid-large>.grid>[class*='y']{padding:35px}.x,.x0,.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12,.xs0,.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12,.xm0,.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12,.xb0,.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12,.xg0,.xg1,.xg2,.xg3,.xg4,.xg5,.xg6,.xg7,.xg8,.xg9,.xg10,.xg11,.xg12{position:relative;width:100%}.x{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.x0,.xl0,.xs0,.xm0,.xb0,.xg0{max-width:100%}.x0{width:auto}.x1{width:8.33333333%}.x2{width:16.66666667%}.x20{width:20%}.x3{width:25%}.x4{width:33.33333333%}.x5{width:41.66666667%}.x6{width:50%}.x7{width:58.33333333%}.x8{width:66.66666667%}.x9{width:75%}.x10{width:83.33333333%}.x11{width:91.66666667%}.x12{width:100%}.y,.y1,.y2,.y20,.y3,.y4,.y5,.y6,.y7,.y8,.y9,.y10,.y11,.y12{position:relative;max-height:100%}.y{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.y0{height:auto}.y1{height:8.33333333%}.y2{height:16.66666667%}.y20{height:20%}.y3{height:25%}.y4{height:33.33333333%}.y5{height:41.66666667%}.y6{height:50%}.y7{height:58.33333333%}.y8{height:66.66666667%}.y9{height:75%}.y10{height:83.33333333%}.y11{height:91.66666667%}.y12{height:100%}@media (min-width:572px){.container{max-width:540px}.xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.xl0{width:auto}.xl1{width:8.33333333%}.xl2{width:16.66666667%}.xl20{width:20%}.xl3{width:25%}.xl4{width:33.33333333%}.xl5{width:41.66666667%}.xl6{width:50%}.xl7{width:58.33333333%}.xl8{width:66.66666667%}.xl9{width:75%}.xl10{width:83.33333333%}.xl11{width:91.66666667%}.xl12{width:100%}}@media (min-width:762px){.container{max-width:730px}.xs{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.xs0{width:auto}.xs1{width:8.33333333%}.xs2{width:16.66666667%}.xs20{width:20%}.xs3{width:25%}.xs4{width:33.33333333%}.xs5{width:41.66666667%}.xs6{width:50%}.xs7{width:58.33333333%}.xs8{width:66.66666667%}.xs9{width:75%}.xs10{width:83.33333333%}.xs11{width:91.66666667%}.xs12{width:100%}}@media (min-width:992px){.container{max-width:960px}.xm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.xm0{width:auto}.xm1{width:8.33333333%}.xm2{width:16.66666667%}.xm20{width:20%}.xm3{width:25%}.xm4{width:33.33333333%}.xm5{width:41.66666667%}.xm6{width:50%}.xm7{width:58.33333333%}.xm8{width:66.66666667%}.xm9{width:75%}.xm10{width:83.33333333%}.xm11{width:91.66666667%}.xm12{width:100%}}@media (min-width:1232px){.container{max-width:1200px;padding-left:0!important;padding-right:0!important}.xb{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.xb0{width:auto}.xb1{width:8.33333333%}.xb2{width:16.66666667%}.xb20{width:20%}.xb3{width:25%}.xb4{width:33.33333333%}.xb5{width:41.66666667%}.xb6{width:50%}.xb7{width:58.33333333%}.xb8{width:66.66666667%}.xb9{width:75%}.xb10{width:83.33333333%}.xb11{width:91.66666667%}.xb12{width:100%}}@media (min-width:1632px){.container{max-width:1400px}.xg0{width:auto}.xg1{width:8.33333333%}.xg2{width:16.66666667%}.xg20{width:20%}.xg3{width:25%}.xg4{width:33.33333333%}.xg5{width:41.66666667%}.xg6{width:50%}.xg7{width:58.33333333%}.xg8{width:66.66666667%}.xg9{width:75%}.xg10{width:83.33333333%}.xg11{width:91.66666667%}.xg12{width:100%}}.show,.show-xm{display:block!important}.hidden,.show-xs{display:none!important}@media screen and (max-width:980px){.show-xm{display:none!important;}.show-xs{display:block!important;}}@media(max-width:762px){.table-auto{width:100%;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;}.table-auto table tr th,.table-auto table tr td{white-space:nowrap;}}@keyframes opacity{0%{opacity:1;}50%{opacity:0.3;}100%{opacity:1;}}@keyframes fadenum{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes fadenum2{0%{transform:rotate(360deg);}100%{transform:rotate(0);}}@keyframes bounceDown{25%{transform:translateY(-3px);}50%,100%{transform:translateY(0);}75%{transform:translateY(3px);}}@keyframes textShow{0%{width:0;}30%{visibility:visible;width:35%;}60%{visibility:visible;opacity:1;width:60%;}90%{visibility:visible;opacity:1;width:100%;}}@keyframes myfirst{0%{transform:translate(-50%,-50%) scale(0.5);opacity:1;}50%{transform:translate(-50%,-50%) scale(0.7);opacity:0.5;}100%{transform:translate(-50%,-50%) scale(1);opacity:1;}}
.wp{width:100%;max-width:1600px;margin:0 auto;}
@media (max-width:1620px) {
.wp{padding:0 60px}
}
@media (max-width:1420px) {
.wp{padding:0 40px}
}
@media (max-width:1220px) {
.wp{padding:0 20px}
}
/* fonts */
.c33{color:#333;}
.c66{color:#666;}
.f72{font-size:72px}
.f48{font-size:48px}
.f42{font-size:42px;}
.f40{font-size:40px;}
.f36{font-size:36px;}
.f30{font-size:30px;}
.f26{font-size:26px}
.f24{font-size:24px}
.f20{font-size:20px;}
.f18{font-size:18px}
.f16{font-size:18px}
.f12{font-size:18px;}
.p30{padding:1.6vw 0;}
.p40{padding:2.5vw 0 5vw;}
.p60{padding:60px 0;}
.p80{padding:4vw 0;}
.p100{padding:100px 0;}
.p150{padding:7.6vw 0;}
@media (max-width:1400px) {
.f72{font-size:40px}
.f48{font-size:35px}
.f42{font-size:28px;}
.f40{font-size:26px;}
.f36{font-size:25px;}
.f30{font-size:23px;}
.f24{font-size:20px}
.f20{font-size:18px;}
.f18{font-size:17px}
.f16{font-size:16px}
.p30{padding:20px 0;}
.p80{padding:35px 0;}
.p60{padding:25px 0;}
.p40{padding:35px 0 50px;}
.p100{padding:45px 0;}
.p150{padding:60px 0;}
}
@media (min-width:981px) {
.animated {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
}
@media (max-width:980px) {
.wp{padding:0 15px}
.mgrid{ flex-wrap: wrap; } 
.f72{font-size:28px}
.f48{font-size:25px}
.f42{font-size:23px;}
.f40{font-size:22px;}
.f36{font-size:21px;}
.f30{font-size:20px;}
.f24{font-size:17px}
.f26{font-size:16px}
.f20{font-size:15px;}
.f18{font-size:16px}
.f16{font-size:15px}
.p30{padding:20px 0;}
.p80{padding:30px 0;}
.p60{padding:25px 0;}
.p40{padding:30px 0 45px;}
.p100{padding:35px 0;}
.p150{padding:40px 0;}
.grid-small{padding:5px 0}
.grid-small>.grid{margin:-5px}
.grid-small>.grid>[class*='x'],.grid-middle>.grid>[class*='y']{padding:5px}
.grid-middle{padding:8px 0}
.grid-middle>.grid{margin:-8px}
.grid-middle>.grid>[class*='x'],.grid-middle>.grid>[class*='y']{padding:8px}
}